<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/l08.css">
		<script src="js/jquery.min.js"></script>
	</head>
	<body>
		<!-- 选中/取消选中 -->
		<label><i class="checkbox iconfont icon-select"></i>篮球</label>
		
		<!-- jQuery 引用 -->
		<script>
			// ready函数执行 document 对象的 onready事件
			$(document).ready(function(){
				
			})
			
			$(function(){
				$('.checkbox').on('click',function(){
					$(this).toggleClass('active');
				})
				$('body').append('<label><i class="checkbox iconfont icon-select"></i>足球</label>');
				$('body').append('<label><i class="checkbox iconfont icon-select"></i>羽毛球</label>');
			})
		</script>
		
		<a id="submit">提交按钮</a>
		<script>
			$(function(){
				$('#submit').hover(function(){
					$(this).css({'color';'white','background-color':'blue'});
				});
			})
		</script>
	</body>
</html>